<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>阳光与你-知乎</title>
    <link rel="shortcut icon" href="./images/bitbug_favicon.ico" />
    <script src="./js/jquery.js"></script>
    <script src="./js/home.js"></script>
    <link rel="stylesheet" href="./css/home.css">
    <link rel="stylesheet" href="./css/base1.css">
    <link rel="stylesheet" href="./css/head-h.css">
</head>

<body>
    <!-- 顶部导航栏 -->
    <div class="header-show">
        <div class="a">
            <div class="wd">
                <!-- 知乎logo -->
                <a href="./index.html" class="logo fl"><img src="images/logo.jpg" alt=""></a>
                <!-- 导航栏 -->
                <ul class="nav fl">
                    <li><a href="./index.html">首页</a></li>
                    <li><a href="./member.html">会员</a></li>
                    <li><a href="./found.html">发现</a></li>
                    <li><a href="./dnld.html">等你来答</a></li>
                </ul>
                <!-- 搜索框 默认状态-->
                <div class="search fl">
                    <input class="ipt-normal" type="text" placeholder="有没有好吃不踩雷的零食">
                    <button class="max"></button>
                    <!-- 热搜、搜索历史模块 -->
                    <div class=" hot">
                        <div class="hottitle">知乎热搜</div>
                        <ul>
                            <li><a href="javascript:;">《悬崖之上》影评 <span class="hotup"></span></a>
                            </li>
                            <li><a href="javascript:;">五四青年节<span class="hotup"></span></a></li>
                            <li><a href="javascript:;">山东健康码金色皮肤<span class="hotup"></span></a></li>
                            <li><a href="javascript:;">张国立发大夜班工作状态</a></li>
                            <li><a href="javascript:;">《扎克·施耐德的正义联盟》</a></li>
                        </ul>
                        <div class="search-history">搜索历史<button class="delete">清空</button></div>
                        <ul>
                            <li><a href="javascript:;">《悬崖之上》影评<button class="del">×</button></a>
                            </li>
                            <li><a href="javascript:;">五四青年节<button class="del">×</button></a></li>
                            <li><a href="javascript:;">山东健康码金色皮肤<button class="del">×</button></a></li>
                            <li><a href="javascript:;">张国立发大夜班工作状态<button class="del">×</button></a></li>
                            <li><a href="javascript:;">《扎克·施耐德的正义联盟》<button class="del">×</button></a></li>
                        </ul>
                    </div>
                </div>
                <!-- 提交按钮 -->
                <button class="submit fl">提问</button>
                <!-- 通知消息模块 -->
                <div class="notice fl">
                    <div class="answer fl" tabindex="0">
                        <div class="answer-content">
                            <div class="answer-title">
                                <button class="btn btn-blue"></button>
                                <span class="string">|</span>
                                <button class="btn"></button>
                                <span class="string">|</span>
                                <button class="btn"></button>
                            </div>
                            <div class="answer-list answer-page">
                                <div class="answer-list-item">
                                    <a href="javascript">halllp</a>
                                    <em>的提问等你来答</em> <a href="javascript:;">从小到大你一直坚持没有放弃的事情是什么？</a>
                                </div>
                                <div class="answer-list-item">
                                    <a href="javascript">halllp</a>
                                    <em>的提问等你来答</em> <a href="javascript:;">从小到大你一直坚持没有放弃的事情是什么？</a>
                                </div>
                                <div class="answer-list-item">
                                    <a href="javascript">halllp</a>
                                    <em>的提问等你来答</em> <a href="javascript:;">从小到大你一直坚持没有放弃的事情是什么？</a>
                                </div>
                                <div class="answer-list-item">
                                    <a href="javascript">halllp</a>
                                    <em>的提问等你来答</em> <a href="javascript:;">从小到大你一直坚持没有放弃的事情是什么？</a>
                                </div>
                            </div>
                            <div class="answer-list-2 answer-page">
                                <img src="./images/answer.jpg" alt="">
                                <p>还没有消息</p>
                            </div>
                            <div class="answer-list-3 answer-page">
                                <div class="answer-list-item">
                                    <a href="javascript">halllp</a>
                                    <em>赞了你的评论</em> <a href="javascript:;">从小到大你一直坚持没有放弃的事情是什么？</a>
                                </div>
                            </div>
                            <div class="answer-footer">
                                <a href="javascript:;" class="fl set">设置</a>
                                <a href="javascript:;" class="fr">查看全部通知</a>
                            </div>
                        </div>
                    </div>

                    <div class="message fl" tabindex="0">
                        <div class="message-content">
                            <div class="message-title">我的私信</div>
                            <div class="message-list">
                                <ul>
                                    <li><img src="./images/知乎.png" class="fl">
                                        <div class="list-write fl">
                                            <p class="list-user-name">创作者小助手</p>
                                            <p class="list-content">Hi summer,恭喜你成为知乎创作者！...</p>
                                        </div>
                                    </li>
                                    <li><img src="./images/知乎.png" class="fl">
                                        <div class="list-write fl">
                                            <p class="list-user-name">创作者小助手</p>
                                            <p class="list-content">Hi summer,恭喜你成为知乎创作者！...</p>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div class="message-footer">
                                <a href="javascript:;" class="fl write-message">写新私信</a>
                                <a href="javascript:;" class="fr">查看全部私信</a>
                            </div>
                        </div>
                    </div>

                    <div class="icon fl" tabindex="0"><img src="./images/kitty.jpg" alt="">
                        <div class="icon-content">
                            <div class="mine">我的主页</div>
                            <div class="creations">创作中心</div>
                            <div>设置</div>
                            <div class="exit">退出</div>
                        </div>
                    </div>

                </div>
            </div>
        </div>


        <div class="persona">
            <!-- 文字导航栏 -->
            <div class="page w">
                <img src="./images/kitty.jpg">
                <ul>
                    <li class="Table-link">
                        <a href="javascript:;">动态</a>
                    </li>
                    <li>
                        <a href="javascript:;">回答</a>
                        <span>5</span>
                    </li>
                    <li>
                        <a href="javascript:;">视频</a>
                        <span>0</span>
                    </li>
                    <li>
                        <a href="javascript:;">提问</a>
                        <span>0</span>
                    </li>
                    <li>
                        <a href="javascript:;">文章</a>
                        <span>0</span>
                    </li>
                    <li>
                        <a href="javascript:;">专栏</a>
                        <span>0</span>
                    </li>
                    <li>
                        <a href="javascript:;">想法</a>
                        <span>0</span>
                    </li>
                    <li>
                        <a href="javascript:;">收藏</a>
                        <span>1</span>
                    </li>
                    <li>
                        <a href="javascript:;">关注</a>
                    </li>
                </ul>
                <button class="middle">编辑个人资料</button>
            </div>
        </div>
    </div>

    <!-- 详情部分开始 -->
    <div class="Personal-particulars w">
        <!-- #999灰色背景图片 -->
        <div class="header-bgc">
            <img src="./images/kitty.jpg" class="Camera">
            <a href="javascript:;">
                <img src="./images/img.png">
                上传封面图片
            </a>
        </div>
        <!-- 个人资料页面 -->
        <div class="Personal-data">
            <div class="Personal-right">
                <button>编辑个人资料</button>
                <h1>阳光与你</h1>
                <div class="hidden">
                    <strong>所在行业</strong>
                </div>
                <p class="View-the arrow">查看详细资料</p>
            </div>
        </div>
    </div>

    <!-- 内容详情盒子部分 -->
    <div class="big-box w clearfix ">
        <!-- 主体导航栏部分开始 -->
        <div class="banner-nav clearfix">
            <!-- 导航栏部分 -->
            <div class="navigation">
                <ul>
                    <li class="Table-link">
                        <a href="javascript:;">动态</a>
                    </li>
                    <li>
                        <a href="javascript:;">回答</a>
                        <span>5</span>
                    </li>
                    <li>
                        <a href="javascript:;">视频</a>
                        <span>0</span>
                    </li>
                    <li>
                        <a href="javascript:;">提问</a>
                        <span>0</span>
                    </li>
                    <li>
                        <a href="javascript:;">文章</a>
                        <span>0</span>
                    </li>
                    <li>
                        <a href="javascript:;">专栏</a>
                        <span>0</span>
                    </li>
                    <li>
                        <a href="javascript:;">想法</a>
                        <span>0</span>
                    </li>
                    <li>
                        <a href="javascript:;">收藏</a>
                        <span>0</span>
                    </li>
                    <li>
                        <a href="javascript:;">关注</a>
                    </li>
                </ul>
            </div>

            <div class="banner-nav-box">
                <!-- 文字信息部分 动态页面模块-->
                <ul class="text-information" style="display: block;">
                    <li>我的动态</li>
                    <!-- 第一个 -->
                    <li class="Favorite-favorites">
                        <span>关注了收藏夹</span>
                        <span>昨天&nbsp;12:11</span>
                        <h3>优秀回答</h3>
                    </li>
                    <!-- 第二个 -->
                    <li class="Favorite-favorites">
                        <span>关注了收藏夹</span>
                        <span>05-06</span>
                        <h3>二手经历</h3>
                    </li>
                    <!-- 第三个 -->
                    <li class="Favorite-favorites">
                        <span>关注了收藏夹</span>
                        <span>05-06</span>
                        <h3>实用技能</h3>
                    </li>
                    <!-- 第四个 -->
                    <li class="Favorite-favorites">
                        <span>关注了收藏夹</span>
                        <span>05-06</span>
                        <h3>游戏设计</h3>
                    </li>
                    <!-- 第五个 -->
                    <li class="Favorite-favorites">
                        <span>关注了收藏夹</span>
                        <span>05-06</span>
                        <h3>醍醐灌顶</h3>
                    </li>
                    <!-- 第六个 -->
                    <li class="Favorite-favorites">
                        <span>关注了收藏夹</span>
                        <span>05-05</span>
                        <h3>创业问题</h3>
                    </li>
                    <!-- 第七个 -->
                    <li class="Favorite-favorites">
                        <span>关注了收藏夹</span>
                        <span>05-04</span>
                        <h3>数学 / 物理 / 自然科学</h3>
                    </li>

                    <!-- 回答了问题页面 -->
                    <!-- 第一个问题 -->
                    <div class="answer-questions">
                        <span class="date">05-04</span>
                        <span>回答了问题</span>
                        <h2>第一次追星，你追的谁</h2>
                        <img src="./images/kitty.jpg" class="Questions">
                        <i class="Questions">阳光与你</i>
                        <div class="Answer-a">
                            不追星
                            <button class="full-text">阅读全文</button>
                        </div>
                        <div class="navigation-bar">
                            <!-- 转发评论点赞区 -->
                            <div class="discuss">
                                <button class="agree">
                                    <span>▲
                                    </span>赞同</button>
                                <span class="btns">
                                    <button class="comment"><span></span>添加评论</button>
                                    <button class="share">
                                        <span></span>分享</button> <button class="collect"> <span></span>收藏
                                    </button>
                                    <button class="like"> <span></span>设置</button>
                                    <button class="more">•••</button>
                                    <a href="javascript:;" class="txtup">收起<span></span></a>
                            </div>
                        </div>
                        <!-- 隐藏栏部分开始 -->
                        <div class="personal-information">
                            <!-- 头部部分 -->
                            <div class="personal">
                                <img src="./images/kitty.jpg">
                                <a href="javascript:;">阳光与你</a>
                            </div>
                            <!-- 底部 -->
                            <div class="footer-item">
                                <a href="javascript:;">
                                    <span>回答</span>
                                    <strong>5</strong>
                                </a>
                            </div>
                            <div class="footer-item">
                                <a href="javascript:;">
                                    <span>文章</span>
                                    <strong>0</strong>
                                </a>
                            </div>
                            <div class="footer-item">
                                <a href="javascript:;">
                                    <span>关注者</span>
                                    <strong>0</strong>
                                </a>
                            </div>

                        </div>
                        <!-- 隐藏栏部分结束· -->

                    </div>

                    <!-- 第二个问题 -->
                    <div class="answer-questions">
                        <span class="date">05-04</span>
                        <span>回答了问题</span>
                        <h2>挺多的，但是我不说</h2>
                        <img src="./images/kitty.jpg" class="Questions">
                        <i class="Questions">阳光与你</i>

                        <div class="Answer-a">
                            就是玩
                            <button>阅读全文</button>
                        </div>

                        <div class="navigation-bar">
                            <!-- 转发评论点赞区 -->
                            <div class="discuss">
                                <button class="agree">
                                    <span>▲
                                    </span>赞同</button>
                                <span class="btns">
                                    <button class="comment"><span></span>添加评论</button>
                                    <button class="share">
                                        <span></span>分享</button> <button class="collect"> <span></span>收藏
                                    </button>
                                    <button class="like"> <span></span>设置</button>
                                    <button class="more">•••</button>
                                    <a href="javascript:;" class="txtup">收起<span></span></a>
                            </div>


                        </div>

                        <!-- 隐藏栏 -->
                        <div class="personal-information">
                            <!-- 头部部分 -->
                            <div class="personal">
                                <img src="./images/kitty.jpg">
                                <a href="javascript:;">阳光与你</a>
                            </div>
                            <!-- 底部 -->
                            <div class="footer-item">
                                <a href="javascript:;">
                                    <span>回答</span>
                                    <strong>5</strong>
                                </a>
                            </div>
                            <div class="footer-item">
                                <a href="javascript:;">
                                    <span>文章</span>
                                    <strong>0</strong>
                                </a>
                            </div>
                            <div class="footer-item">
                                <a href="javascript:;">
                                    <span>关注者</span>
                                    <strong>0</strong>
                                </a>
                            </div>

                        </div>
                    </div>

                    <!-- 第三个问题 -->
                    <div class="answer-questions">
                        <span class="date">02-17</span>
                        <span>回答了问题</span>
                        <h2>家境不好的女孩子应该好好的读书还是早早进入社会？</h2>
                        <img src="./images/kitty.jpg" class="Questions">
                        <i class="Questions">阳光与你</i>
                        <div class="Answer-a">
                            好好读书
                            <button>阅读全文</button>
                        </div>
                        <div class="navigation-bar">
                            <!-- 转发评论点赞区 -->
                            <div class="discuss">
                                <button class="agree">
                                    <span>▲
                                    </span>赞同</button>
                                <span class="btns">
                                    <button class="comment"><span></span>添加评论</button>
                                    <button class="share">
                                        <span></span>分享</button> <button class="collect"> <span></span>收藏
                                    </button>
                                    <button class="like"> <span></span>设置</button>
                                    <button class="more">•••</button>
                                    <a href="javascript:;" class="txtup">收起<span></span></a>
                            </div>
                        </div>
                        <!-- 隐藏栏 -->
                        <div class="personal-information">
                            <!-- 头部部分 -->
                            <div class="personal">
                                <img src="./images/kitty.jpg">
                                <a href="javascript:;">阳光与你</a>
                            </div>
                            <!-- 底部 -->
                            <div class="footer-item">
                                <a href="javascript:;">
                                    <span>回答</span>
                                    <strong>5</strong>
                                </a>
                            </div>
                            <div class="footer-item">
                                <a href="javascript:;">
                                    <span>文章</span>
                                    <strong>0</strong>
                                </a>
                            </div>
                            <div class="footer-item">
                                <a href="javascript:;">
                                    <span>关注者</span>
                                    <strong>0</strong>
                                </a>
                            </div>

                        </div>

                    </div>

                    <!-- 第四个问题 -->
                    <div class="answer-questions">
                        <span class="date">02-17</span>
                        <span>回答了问题</span>
                        <h2>努力一定会有结果对吗？</h2>
                        <img src="./images/kitty.jpg" class="Questions">
                        <i class="Questions">阳光与你</i>
                        <div class="Answer-a">
                            会的
                            <button>阅读全文</button>
                        </div>
                        <div class="navigation-bar">
                            <!-- 转发评论点赞区 -->
                            <div class="discuss">
                                <button class="agree">
                                    <span>▲
                                    </span>赞同</button>
                                <span class="btns">
                                    <button class="comment"><span></span>添加评论</button>
                                    <button class="share">
                                        <span></span>分享</button> <button class="collect"> <span></span>收藏
                                    </button>
                                    <button class="like"> <span></span>设置</button>
                                    <button class="more">•••</button>
                                    <a href="javascript:;" class="txtup">收起<span></span></a>
                            </div>
                        </div>
                        <!-- 隐藏栏 -->
                        <div class="personal-information">
                            <!-- 头部部分 -->
                            <div class="personal">
                                <img src="./images/kitty.jpg">
                                <a href="javascript:;">阳光与你</a>
                            </div>
                            <!-- 底部 -->
                            <div class="footer-item">
                                <a href="javascript:;">
                                    <span>回答</span>
                                    <strong>5</strong>
                                </a>
                            </div>
                            <div class="footer-item">
                                <a href="javascript:;">
                                    <span>文章</span>
                                    <strong>0</strong>
                                </a>
                            </div>
                            <div class="footer-item">
                                <a href="javascript:;">
                                    <span>关注者</span>
                                    <strong>0</strong>
                                </a>
                            </div>

                        </div>

                    </div>

                    <!-- 第五个问题 -->
                    <div class="answer-questions">
                        <span class="date">2020-09-12</span>
                        <span>回答了问题</span>
                        <h2>任豪和林彦俊你更吃谁的颜？</h2>
                        <img src="./images/kitty.jpg" class="Questions">
                        <i class="Questions">阳光与你</i>
                        <div class="Answer-a">
                            这两个人谁啊
                            <button>阅读全文</button>
                        </div>
                        <div class="navigation-bar">
                            <!-- 转发评论点赞区 -->
                            <div class="discuss">
                                <button class="agree">
                                    <span>▲
                                    </span>赞同</button>
                                <span class="btns">
                                    <button class="comment"><span></span>添加评论</button>
                                    <button class="share">
                                        <span></span>分享</button> <button class="collect"> <span></span>收藏
                                    </button>
                                    <button class="like"> <span></span>设置</button>
                                    <button class="more">•••</button>
                                    <a href="javascript:;" class="txtup">收起<span></span></a>
                            </div>
                        </div>
                        <!-- 隐藏栏 -->
                        <div class="personal-information">
                            <!-- 头部部分 -->
                            <div class="personal">
                                <img src="./images/kitty.jpg">
                                <a href="javascript:;">阳光与你</a>
                            </div>
                            <!-- 底部 -->
                            <div class="footer-item">
                                <a href="javascript:;">
                                    <span>回答</span>
                                    <strong>5</strong>
                                </a>
                            </div>
                            <div class="footer-item">
                                <a href="javascript:;">
                                    <span>文章</span>
                                    <strong>0</strong>
                                </a>
                            </div>
                            <div class="footer-item">
                                <a href="javascript:;">
                                    <span>关注者</span>
                                    <strong>0</strong>
                                </a>
                            </div>

                        </div>

                    </div>

                </ul>

                <!-- 回答页面模块 -->
                <div class="text-information">
                    <div class="Head-Problems">
                        我的回答
                    </div>
                    <!-- 第一个问题 -->
                    <div class="answer-questions">
                        <span class="date">05-04</span>
                        <span>回答了问题</span>
                        <h2>第一次追星，你追的谁</h2>
                        <img src="./images/kitty.jpg" class="Questions">
                        <i class="Questions">阳光与你</i>
                        <div class="Answer-a">
                            不追星
                            <button class="full-text">阅读全文</button>
                        </div>
                        <div class="navigation-bar">
                            <!-- 转发评论点赞区 -->
                            <div class="discuss">
                                <button class="agree">
                                    <span>▲
                                    </span>赞同</button>
                                <span class="btns">
                                    <button class="comment"><span></span>添加评论</button>
                                    <button class="share">
                                        <span></span>分享</button> <button class="collect"> <span></span>收藏
                                    </button>
                                    <button class="like"> <span></span>设置</button>
                                    <button class="more">•••</button>
                                    <a href="javascript:;" class="txtup">收起<span></span></a>
                            </div>
                        </div>
                        <!-- 隐藏栏部分开始 -->
                        <div class="personal-information">
                            <!-- 头部部分 -->
                            <div class="personal">
                                <img src="./images/kitty.jpg">
                                <a href="javascript:;">阳光与你</a>
                            </div>
                            <!-- 底部 -->
                            <div class="footer-item">
                                <a href="javascript:;">
                                    <span>回答</span>
                                    <strong>5</strong>
                                </a>
                            </div>
                            <div class="footer-item">
                                <a href="javascript:;">
                                    <span>文章</span>
                                    <strong>0</strong>
                                </a>
                            </div>
                            <div class="footer-item">
                                <a href="javascript:;">
                                    <span>关注者</span>
                                    <strong>0</strong>
                                </a>
                            </div>

                        </div>
                        <!-- 隐藏栏部分结束· -->

                    </div>

                    <!-- 第二个问题 -->
                    <div class="answer-questions">
                        <span class="date">05-04</span>
                        <span>回答了问题</span>
                        <h2>挺多的，但是我不说</h2>
                        <img src="./images/kitty.jpg" class="Questions">
                        <i class="Questions">阳光与你</i>

                        <div class="Answer-a">
                            就是玩
                            <button>阅读全文</button>
                        </div>

                        <div class="navigation-bar">
                            <!-- 转发评论点赞区 -->
                            <div class="discuss">
                                <button class="agree">
                                    <span>▲
                                    </span>赞同</button>
                                <span class="btns">
                                    <button class="comment"><span></span>添加评论</button>
                                    <button class="share">
                                        <span></span>分享</button> <button class="collect"> <span></span>收藏
                                    </button>
                                    <button class="like"> <span></span>设置</button>
                                    <button class="more">•••</button>
                                    <a href="javascript:;" class="txtup">收起<span></span></a>
                            </div>


                        </div>

                        <!-- 隐藏栏 -->
                        <div class="personal-information">
                            <!-- 头部部分 -->
                            <div class="personal">
                                <img src="./images/kitty.jpg">
                                <a href="javascript:;">阳光与你</a>
                            </div>
                            <!-- 底部 -->
                            <div class="footer-item">
                                <a href="javascript:;">
                                    <span>回答</span>
                                    <strong>5</strong>
                                </a>
                            </div>
                            <div class="footer-item">
                                <a href="javascript:;">
                                    <span>文章</span>
                                    <strong>0</strong>
                                </a>
                            </div>
                            <div class="footer-item">
                                <a href="javascript:;">
                                    <span>关注者</span>
                                    <strong>0</strong>
                                </a>
                            </div>

                        </div>
                    </div>

                    <!-- 第三个问题 -->
                    <div class="answer-questions">
                        <span class="date">02-17</span>
                        <span>回答了问题</span>
                        <h2>家境不好的女孩子应该好好的读书还是早早进入社会？</h2>
                        <img src="./images/kitty.jpg" class="Questions">
                        <i class="Questions">阳光与你</i>
                        <div class="Answer-a">
                            好好读书
                            <button>阅读全文</button>
                        </div>
                        <div class="navigation-bar">
                            <!-- 转发评论点赞区 -->
                            <div class="discuss">
                                <button class="agree">
                                    <span>▲
                                    </span>赞同</button>
                                <span class="btns">
                                    <button class="comment"><span></span>添加评论</button>
                                    <button class="share">
                                        <span></span>分享</button> <button class="collect"> <span></span>收藏
                                    </button>
                                    <button class="like"> <span></span>设置</button>
                                    <button class="more">•••</button>
                                    <a href="javascript:;" class="txtup">收起<span></span></a>
                            </div>
                        </div>
                        <!-- 隐藏栏 -->
                        <div class="personal-information">
                            <!-- 头部部分 -->
                            <div class="personal">
                                <img src="./images/kitty.jpg">
                                <a href="javascript:;">阳光与你</a>
                            </div>
                            <!-- 底部 -->
                            <div class="footer-item">
                                <a href="javascript:;">
                                    <span>回答</span>
                                    <strong>5</strong>
                                </a>
                            </div>
                            <div class="footer-item">
                                <a href="javascript:;">
                                    <span>文章</span>
                                    <strong>0</strong>
                                </a>
                            </div>
                            <div class="footer-item">
                                <a href="javascript:;">
                                    <span>关注者</span>
                                    <strong>0</strong>
                                </a>
                            </div>

                        </div>

                    </div>

                    <!-- 第四个问题 -->
                    <div class="answer-questions">
                        <span class="date">02-17</span>
                        <span>回答了问题</span>
                        <h2>努力一定会有结果对吗？</h2>
                        <img src="./images/kitty.jpg" class="Questions">
                        <i class="Questions">阳光与你</i>
                        <div class="Answer-a">
                            会的
                            <button>阅读全文</button>
                        </div>
                        <div class="navigation-bar">
                            <!-- 转发评论点赞区 -->
                            <div class="discuss">
                                <button class="agree">
                                    <span>▲
                                    </span>赞同</button>
                                <span class="btns">
                                    <button class="comment"><span></span>添加评论</button>
                                    <button class="share">
                                        <span></span>分享</button> <button class="collect"> <span></span>收藏
                                    </button>
                                    <button class="like"> <span></span>设置</button>
                                    <button class="more">•••</button>
                                    <a href="javascript:;" class="txtup">收起<span></span></a>
                            </div>
                        </div>
                        <!-- 隐藏栏 -->
                        <div class="personal-information">
                            <!-- 头部部分 -->
                            <div class="personal">
                                <img src="./images/kitty.jpg">
                                <a href="javascript:;">阳光与你</a>
                            </div>
                            <!-- 底部 -->
                            <div class="footer-item">
                                <a href="javascript:;">
                                    <span>回答</span>
                                    <strong>5</strong>
                                </a>
                            </div>
                            <div class="footer-item">
                                <a href="javascript:;">
                                    <span>文章</span>
                                    <strong>0</strong>
                                </a>
                            </div>
                            <div class="footer-item">
                                <a href="javascript:;">
                                    <span>关注者</span>
                                    <strong>0</strong>
                                </a>
                            </div>

                        </div>

                    </div>

                    <!-- 第五个问题 -->
                    <div class="answer-questions">
                        <span class="date">2020-09-12</span>
                        <span>回答了问题</span>
                        <h2>任豪和林彦俊你更吃谁的颜？</h2>
                        <img src="./images/kitty.jpg" class="Questions">
                        <i class="Questions">阳光与你</i>
                        <div class="Answer-a">
                            这两个人谁啊
                            <button>阅读全文</button>
                        </div>
                        <div class="navigation-bar">
                            <!-- 转发评论点赞区 -->
                            <div class="discuss">
                                <button class="agree">
                                    <span>▲
                                    </span>赞同</button>
                                <span class="btns">
                                    <button class="comment"><span></span>添加评论</button>
                                    <button class="share">
                                        <span></span>分享</button> <button class="collect"> <span></span>收藏
                                    </button>
                                    <button class="like"> <span></span>设置</button>
                                    <button class="more">•••</button>
                                    <a href="javascript:;" class="txtup">收起<span></span></a>
                            </div>
                        </div>
                        <!-- 隐藏栏 -->
                        <div class="personal-information">
                            <!-- 头部部分 -->
                            <div class="personal">
                                <img src="./images/kitty.jpg">
                                <a href="javascript:;">阳光与你</a>
                            </div>
                            <!-- 底部 -->
                            <div class="footer-item">
                                <a href="javascript:;">
                                    <span>回答</span>
                                    <strong>5</strong>
                                </a>
                            </div>
                            <div class="footer-item">
                                <a href="javascript:;">
                                    <span>文章</span>
                                    <strong>0</strong>
                                </a>
                            </div>
                            <div class="footer-item">
                                <a href="javascript:;">
                                    <span>关注者</span>
                                    <strong>0</strong>
                                </a>
                            </div>

                        </div>

                    </div>

                </div>

                <!-- 视频页面模块 -->
                <div class="text-information information2">
                    <div class="Head-Problems">
                        我的视频
                    </div>

                    <div class="answer-questions1">
                        <img src="./images/veido.png">
                        <h3>还没有视频</h3>
                    </div>
                </div>

                <!-- 提问页面模块 -->
                <div class="text-information information2">
                    <div class="Head-Problems">
                        我的提问
                    </div>
                    <div class="answer-questions1">
                        <img src="./images/问题.png">
                        <h3>还没有问题</h3>
                    </div>

                </div>

                <!-- 文章页面模块 -->
                <div class="text-information information2">
                    <div class="Head-Problems">
                        我的文章
                    </div>
                    <div class="answer-questions1">
                        <img src="./images/veido.png">
                        <h3>还没有文章，开始
                            <a href="javascript:;">写第一篇文章</a>
                        </h3>
                    </div>

                </div>

                <!-- 专栏页面模块 -->
                <div class="text-information information2">
                    <div class="Head-Problems">
                        我的专栏
                    </div>
                    <div class="answer-questions1">
                        <img src="./images/专栏创作.png">
                        <h3>想在知乎进行主题创作？</h3>
                        <a href="javascript:;">申请专栏</a>
                    </div>
                </div>

                <!-- 想法模块 -->
                <div class="text-information information2">
                    <div class="Head-Problems">
                        我的想法
                    </div>
                    <div class="answer-questions1">
                        <img src="./images/问题.png">
                        <h3>还没有想法</h3>
                    </div>

                </div>

                <!-- 收藏模块 -->
                <div class="text-information information2">
                    <div class="Head-Problems">
                        我的收藏
                    </div>
                    <div class="answer-questions1">
                        <img src="./images/收藏夹空.png">
                        <h3>还没有收藏夹</h3>
                    </div>

                </div>

                <!-- 关注模块 -->
                <div class="text-information information2">
                    <div class="Head-Problems">
                        我关注的人
                        <span>关注我的人</span>
                        <span>我关注的专栏</span>
                    </div>
                    <!-- 第一个问题 -->
                    <div class="answer-questions">
                        <span class="date">05-04</span>
                        <span>回答了问题</span>
                        <h2>第一次追星，你追的谁</h2>
                        <img src="./images/kitty.jpg" class="Questions">
                        <i class="Questions">阳光与你</i>
                        <div class="Answer-a">
                            不追星
                            <button class="full-text">阅读全文</button>
                        </div>
                        <div class="navigation-bar">
                            <!-- 转发评论点赞区 -->
                            <div class="discuss">
                                <button class="agree">
                                    <span>▲
                                    </span>赞同</button>
                                <span class="btns">
                                    <button class="comment"><span></span>添加评论</button>
                                    <button class="share">
                                        <span></span>分享</button> <button class="collect">
                                        <span></span>收藏
                                    </button>
                                    <button class="like"> <span></span>设置</button>
                                    <button class="more">•••</button>
                                    <a href="javascript:;" class="txtup">收起<span></span></a>
                            </div>
                        </div>
                        <!-- 隐藏栏部分开始 -->
                        <div class="personal-information">
                            <!-- 头部部分 -->
                            <div class="personal">
                                <img src="./images/kitty.jpg">
                                <a href="javascript:;">阳光与你</a>
                            </div>
                            <!-- 底部 -->
                            <div class="footer-item">
                                <a href="javascript:;">
                                    <span>回答</span>
                                    <strong>5</strong>
                                </a>
                            </div>
                            <div class="footer-item">
                                <a href="javascript:;">
                                    <span>文章</span>
                                    <strong>0</strong>
                                </a>
                            </div>
                            <div class="footer-item">
                                <a href="javascript:;">
                                    <span>关注者</span>
                                    <strong>0</strong>
                                </a>
                            </div>

                        </div>
                        <!-- 隐藏栏部分结束· -->

                    </div>
                </div>

            </div>
        </div>
        <!-- 侧边栏 -->
        <div class="banner-right-nav">
            <div class="qwer">
                <!-- 创作中心 -->
                <div class="Creation-Center" onclick="javascrtpt:window.location.href='./czzx.html'">
                    <img src="./images/个人信息页面.png">
                    <div class="creation">
                        <span>创作中心</span>
                        <span>Lv1</span>
                        <p>查看详细</p>
                    </div>
                </div>

                <!-- 昨日阅读 -->
                <div class=" Reading">
                    <div class="Yesterday">
                        <span>昨日阅读(播放)数</span>
                        <h3>0</h3>
                        <span>较前日--</span>
                    </div>
                    <div class="reading-a">
                        <span>昨日赞同数</span>
                        <h3>0</h3>
                        <span>较前日--</span>
                    </div>
                </div>

                <!-- 保护 -->
                <a href="javascript:;">瓦力保镖为你的创作提供持续保护
                    ​</a>
                <img src="./images/保护.png">
            </div>
            <!-- 关注话题 -->
            <div class="Attention">
                <a href="javascript:;">
                    <span>关注了</span>
                    <p>0</p>
                </a>
                <a href="javascript:;">
                    <span>关注者</span>
                    <p>0</p>
                </a>
            </div>

            <!-- 关注的详情 -->
            <div class="hig-item">
                <a href="javascript:;">
                    <span>关注的话题</span>
                    <strong>0</strong>
                </a>
            </div>
            <div class="hig-item">
                <a href="javascript:;">
                    <span>关注的专栏</span>
                    <strong>0</strong>
                </a>
            </div>
            <div class="hig-item">
                <a href="javascript:;">
                    <span>关注的问题</span>
                    <strong>0</strong>
                </a>
            </div>
            <div class="hig-item">
                <a href="javascript:;">
                    <span>关注的收藏夹</span>
                    <strong>0</strong>
                </a>
            </div>

            <!-- 个人主页被浏览 -->
            <p class="geren">个人主页被浏览 219 次</p>

            <!-- 底部 -->
            <div class="footer-di">
                <ul>
                    <li>
                        <a href="javascript:;">刘看山</a>
                    </li>
                    <li>·</li>
                    <li>
                        <a href="javascript:;">知乎指南</a>
                    </li>
                    <li>·</li>
                    <li>
                        <a href="javascript:;">知乎协议</a>
                    </li>
                    <li>·</li>
                    <li>
                        <a href="javascript:;">知乎隐私保护指引</a>
                    </li>
                    <li>
                        <a href="javascript:;">应用</a>
                    </li>
                    <li>·</li>
                    <li>
                        <a href="javascript:;">工作申请</a>
                    </li>
                    <li>·</li>
                    <li>
                        <a href="javascript:;">开通知乎机构号</a>
                    </li>
                    <br>
                    <li>
                        <a href="javascript:;">侵权举报</a>
                    </li>
                    <li>·</li>
                    <li>
                        <a href="javascript:;">网上有害信息举报专区</a>
                    </li>
                    <br>
                    <li>
                        <a href="javascript:;">京 ICP 证 110745 号</a>
                    </li>
                    <br>
                    <li>
                        <a href="javascript:;">京 ICP 备 13052560 号 - 1</a>
                    </li>
                    <br>
                    <li>
                        <img src="./images/警徽.png" alt="">
                        <a href="javascript:;">京公网安备 11010802020088 号</a>
                    </li>
                    <br>
                    <li>
                        <a href="javascript:;">互联网药品信息服务资格证书</a>
                    </li>
                    <br>
                    <li>
                        <a href="javascript:;">（京）- 非经营性 - 2017 - 0067</a>
                    </li>
                    <br>
                    <li>
                        <a href="javascript:;">违法和不良信息举报：010-82716601</a>
                    </li>
                    <br>
                    <li>
                        <a href="javascript:;">儿童色情信息举报专区</a>
                    </li>
                    <br>
                    <li>
                        <a href="javascript:;">证照中心</a>
                    </li>
                    <li>·</li>
                    <li>
                        <a href="javascript:;">Investor Relations</a>
                    </li><br>
                    <li>
                        <a href="javascript:;">联系我们 © 2021 知乎</a>
                    </li>
                </ul>
            </div>

        </div>
    </div>
    <!-- 返回顶部 -->
    <a href="javascript:;" class="back" title="返回顶部"></a>
</body>

</html>